import "https://cdn.bootcdn.net/ajax/libs/jquery/1.12.4/jquery.min.js"; //引入类库jquery

//前端将表单里面的用户名和密码传给后端 - $.ajax
//后端的接口地址：http://10.31.163.14/JS2103/projectname/php/login.php
//注意：只有前后端通信涉及到完整的url地址(绝对路径)
function checklogin() {
    //用户名失去焦点，当前的用户名是否存在。

    $('.usename').on('blur', function() {
        $.ajax({
            type: 'post',
            url: 'http://10.31.163.77/changhong/php/login.php',
            data: {
                username: $('.usename').val()
            },
            success: function(data) {
                if (data === 'false') {
                    $('.loginspan').css({ color: 'red' }).html('该用户名不存在，请注册');
                } else {
                    $('.loginspan').html('');
                }
            }

        })
    });
    $('.btn').on('click', function() {
        $.ajax({
            type: 'post',
            url: 'http://10.31.163.77/changhong/php/login.php',
            data: { //用户名和密码传给后端
                user: $('.usename').val(),
                pass: $('.usepass').val()
            },
            success: function(data) {
                if (data === 'true') { //登录成功，跳转首页

                    //用户名利用本地存储存下来。
                    window.localStorage.setItem('usename', $('.usename').val());
                } else {
                    alert('用户名或者密码错误');
                    $('.usepass').val('');
                }
            }
        });
    });
}

export {
    checklogin
}